<!DOCTYPE html>
<html lang="en" manifest="IGNORE.manifest">
<head>
    <meta charset="UTF-8">
    <title>浦发银行乐享周日</title>
    <link rel="stylesheet" href="style/style.css">
    <meta name="viewport" content="width=device-width, user-scalable=no">

</head>
<body class=" tasks" style="background-color: #5D0F94">
<div class="tasks-wrap task-list">

    <div class="banner">
        <img src="style/img/idx_img4.jpg" class="ww" alt=""/>
    </div>
    <div class="wrap">
        <div class="title">任务列表</div>

        <script type="text/x-handlebars-template" class="tpl">
            {{ _.each(list, function(item, idx){ }}
            <div class="item item_{{= item.status}}">
                <div class="imgbox JGoTaskDetail" id="{{= item.id}}">

                    <img src="style/img/taskico_{{= item.status}}.png" class="img" alt=""/>

                </div>
                <div class="infos">
                    <div class="h1">{{= item.title}}</div>
                    <div class="h2">起止时间：{{= item.start_time}} - {{= item.end_time}}</div>
                    <div class="h2">结束时间： <span class="JCountDown_{{= item.id}}" id=""></span></div>
                    <div class="h2">任务奖励：{{= item.encourage}}</div>
                </div>
            </div>
            {{ }) }}
        </script>

        <div class="list JList">
            <!--tp.-->
        </div>

    </div>
    <div class="fish-bottom">
        <img src="style/img/more_tasks.png" alt="" class="ww"/>
    </div>
</div>
<div class="ico ico_back jOnBack" onclick="history.back()"></div>
<!--半透明背景，弹窗-->
<div class="wt_mask" style="display: none;"></div>
<div class="wt_confirm" style="display: none;">
    <div class="wt_close ico ico_close j-close"></div>

    <div class="wt_conirm_content">
        <div class="wt_confirm_ctn_inner_alert"></div>
        <div class="wt_confirm_ctn_inner">
            <div class="wt_ipt_item">
                <i class="ico ico_user"></i>
                <div class="ipt_wrap">
                    <input type="text" name="name" class="wt_cofirm_input name" placeholder="您的姓名"/>
                </div>
            </div>
            <div class="wt_ipt_item">
                <i class="ico ico_card"></i>
                <div class="ipt_wrap">
                    <input name="account" class="wt_cofirm_input account" maxlength="18" placeholder="银行卡号"/>
                </div>
            </div>
            <div class="wt_ipt_item">
                <i class="ico ico_phone"></i>
                <div class="ipt_wrap">
                    <input type="tel" name="tel" class="wt_cofirm_input phone" maxlength="11" placeholder="手机号码"/>

                </div>
            </div>
        </div>
    </div>
    <div class="wt_confirm_btns">
        <div class="wt_confirm_btn pink j-ok">确定</div>
    </div>
</div>
<script type="text/javascript" src="http://cdn.bootcss.com/zepto/1.2.0/zepto.min.js "></script>
<script type="text/javascript" src="js/touch.js"></script>
<script type="text/javascript" src="js/fx.js"></script>
<script type="text/javascript" src="js/fx_methods.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script>
<script type="text/javascript" src="js/activity.js?v=1.0.4"></script>
<script type="text/javascript">
    myAct.init('renderTasks')
</script>
</body>
</html>